<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="https://ajax4jsf.dev.java.net/ajax"
	xmlns:rich="http://richfaces.org/rich"
        xmlns:c="http://java.sun.com/jsp/jstl/core">

  
<ui:composition template="../templates/template_menu.xhtml">
    
    <ui:define name="scripts">
        <script language="javascript" type="text/javascript" src="../scripts/funciones_creditos.js"></script>       
    </ui:define>
    
    <ui:define name="title">
        <f:loadBundle basename="org.me.resources.messages" var="msg"/>
        <h:outputText value="#{msg.nuevoCredito}" />        
    </ui:define>
    
    
    <ui:define name="content" > 
        <f:view>
            
           <!-- Ventana Modal de Actualizacion Cambio de Dolar llamada x el boton btnActualizarCambioDolar-->
            <rich:modalPanel id="modalPanelCambioDolar" width="400" height="150" >
                
                <f:facet name="header">
                    <h:panelGroup>
                        <h:outputText value=" #{msg.actualizarCambioDolar} "></h:outputText>
		    </h:panelGroup>
		</f:facet>
                <!-- boton x para cerrar la ventanita ,de la parte superior derecha -->
                <f:facet name="controls">
                    <h:panelGroup>
                        <h:graphicImage value="/images/eliminar.png" styleClass="hidelink" id="hidelinkOS">
                            <rich:componentControl for="modalPanelCambioDolar" attachTo="hidelinkOS" operation="hide" event="onclick" />
			</h:graphicImage>					
		    </h:panelGroup>
		</f:facet>
                
                <h:form id="frmActualizarDolar" >
                    
                <!--    <h:outputText id="msjDolar" value="#{nuevoCreditoController.mensajeDolar}" style="font-weight:bold; color:#{nuevoCreditoController.colorMensajeDolar};" />   -->
                    
                    <h:panelGrid columns="2" styleClass="cambio" id="cambioDolar">     
                                                
                         <h:panelGroup>                                                 
                            
                            <h:outputLink value="http://www.bn.com.pe/tipo-cambio.asp" target="_blank"> <!-- target="_blank" para que se abra en una nueva pagina-->
                                    <f:verbatim>#{msg.cambioBancoLaNacion}</f:verbatim>
                            </h:outputLink>
                            
                        </h:panelGroup>
                        
                        <h:panelGroup> </h:panelGroup>
                        
                        <h:panelGroup>
                            <h:outputText value="#{msg.dolarVenta}" />                       
                            <h:inputText id="dolarVentaModal" value="#{nuevoCreditoController.sDolarVentaModal}" size="5"  
                                         onkeypress="return ValidNumYPto(event)" />                                               
                        </h:panelGroup>
                        
                        <h:panelGroup>
                            <h:outputText value="#{msg.dolarCompra}" />                       
                            <h:inputText id="dolarCompraModal" value="#{nuevoCreditoController.sDolarCompraModal}" size="5"  
                                         onkeypress="return ValidNumYPto(event)" />
                        </h:panelGroup>			
                            
                         <!-- reRender="frmNuevoCredito,modalPanelCambioDolar"  styleClass="EspacioBotones" --> 
                         <a4j:commandButton  id="btnActualizarCambioDolar" value=" #{msg.actualizar} " actionListener="#{nuevoCreditoController.actualizarCambioDolar}" 
                                                                                            
                                                     reRender="frmNuevoCredito"  styleClass="EspacioBotones"                             
                               
				oncomplete="if (#{empty facesContext.maximumSeverity}) Richfaces.hideModalPanel('modalPanelCambioDolar')" />                         
                       
                      <!--      <a4j:commandButton id="btnCalcularIntereses" value="#{msg.calcularIntereses}" onclick="if(!validarMonto()){return false;}" 
                                               actionListener="#{nuevoCreditoController.calcularIntereses}" 
                                               reRender="panelGridCredito" />            -->
					
			<a4j:commandButton value=" #{msg.cancelar} " id="btnCancelarCambioDolar" styleClass="EspacioBotones"
				oncomplete="if (#{empty facesContext.maximumSeverity}) Richfaces.hideModalPanel('modalPanelCambioDolar')" />
					
	            </h:panelGrid>
                    
		</h:form>
	    </rich:modalPanel>   
            <!-- Fin Ventana Modal Actualizacion Cambio de Dolar-->
            
            <!-- Ventana Modal de Agregar Vehiculo llamada x el boton btnAgregarVehiculo-->
            <rich:modalPanel id="modalPanelAgregarVehiculo" width="400" height="150" >
                
                <f:facet name="header">
                    <h:panelGroup>
                        <h:outputText value=" #{msg.agregarVehiculo} "></h:outputText>
		    </h:panelGroup>
		</f:facet>
                <!-- boton x para cerrar la ventanita ,de la parte superior derecha -->
                <f:facet name="controls">
                    <h:panelGroup>
                        <h:graphicImage value="/images/eliminar.png" styleClass="hidelink" id="hidelinkOS2">
                            <rich:componentControl for="modalPanelAgregarVehiculo" attachTo="hidelinkOS2" operation="hide" event="onclick" />
			</h:graphicImage>					
		    </h:panelGroup>
		</f:facet>
                
                <h:form id="frmAgregarVehiculo" >
                    
                <!--    <h:outputText id="msjDolar" value="#{nuevoCreditoController.mensajeDolar}" style="font-weight:bold; color:#{nuevoCreditoController.colorMensajeDolar};" />   -->
                    
                    <h:panelGrid columns="1" styleClass="cambio" id="panelGridAgregaVehiculo">     
                                                
                        <h:panelGroup>
                            <h:outputText value="#{msg.buscarXPlaca}" />                       
                           
                            <h:inputText id="placa" value="#{nuevoCreditoController.placa}" size="8"  >                               
                                         
                                    <!-- envia solo la placa x ajaxSingle="true" y trae todos los campos de frmNuevoCredito -->

                                    <!-- en este caso igual funciona con actionListener o action -->
                                    <!-- Siempre se envia la placa a Creditos.java , ya que no es como DNI q se sabe q son simrpe 8 numeros -->
                                    <!--<a4j:support event="onkeyup" ajaxSingle="true" actionListener="#{nuevoCreditoController.buscaAutoxPlaca}"
                                               
                                                 reRender="frmAgregarVehiculo"                               
                                    />  -->                  
                             
                             </h:inputText>
                            
                             <a4j:commandButton  id="btnBuscarXPlaca" value=" #{msg.buscar} " actionListener="#{nuevoCreditoController.buscaAutoxPlaca}" 
                                                                                            
                                                     reRender="frmAgregarVehiculo"  styleClass="EspacioBotones"                              
			      />  
                            
                        </h:panelGroup>
                        
                        <h:panelGroup></h:panelGroup>
                        
                        <h:panelGroup>
                            <h:outputText value="#{msg.nombresPropietario}" />                       
                            <h:inputText id="nombresPropietario" value="#{nuevoCreditoController.nombresPropietario}" readonly="true" size="35" />
                        </h:panelGroup>	
                        
                        <h:panelGroup>
                            <h:outputText value="#{msg.estado}" />                       
                            <h:inputText id="estadoVehiculo" value="#{nuevoCreditoController.estadoVehiculo}" readonly="true" size="10" />
                        </h:panelGroup>
                        
                        <h:panelGroup>
                            <h:outputText value="#{msg.km}" />                       
                            <h:inputText id="km" value="#{nuevoCreditoController.km}" size="10" 
                                         onkeypress="return validarNum(event)" />
                        </h:panelGroup>
                        
                        <h:panelGroup></h:panelGroup>
                            
                         <!-- reRender="frmNuevoCredito,modalPanelCambioDolar"  styleClass="EspacioBotones" --> 
                            <a4j:commandButton  id="btnAgregar" value=" #{msg.agregarVehiculo} " actionListener="#{nuevoCreditoController.agregarVehiculo}" 
                                                                                            
                                                     reRender="frmNuevoCredito"  styleClass="EspacioBotones"                             
                               
				oncomplete="if (#{empty facesContext.maximumSeverity}) Richfaces.hideModalPanel('modalPanelAgregarVehiculo')" />                         
                       
                      <!--      <a4j:commandButton id="btnCalcularIntereses" value="#{msg.calcularIntereses}" onclick="if(!validarMonto()){return false;}" 
                                               actionListener="#{nuevoCreditoController.calcularIntereses}" 
                                               reRender="panelGridCredito" />            -->
					
			<a4j:commandButton value=" #{msg.cancelar} " id="btnCancelar" styleClass="EspacioBotones"
				oncomplete="if (#{empty facesContext.maximumSeverity}) Richfaces.hideModalPanel('modalPanelAgregarVehiculo')" />
					
	            </h:panelGrid>
                    
		</h:form>
	    </rich:modalPanel>   
            <!-- Fin Ventana Modal -->
        </f:view>                            
        
        <f:view>        
            <a4j:form id="frmNuevoCredito">              
                <!-- <ui:include src="../templates/creditos.xhtml" /> dentro de ui:composition-->
                <rich:panel  style="margin-left: 30px;margin-top: 30px; width:1210px;  height : 750px; 
                             border:0px solid #14527e;border-radius: 20px;box-shadow:rgba(100,100,100,0.4)10px 10px" >
               
                    
                     <!-- Describe los mensajes de la operacion del credito, correcto, error... -->
                    <h:outputText id="credito" value="#{nuevoCreditoController.mensajeCredito}" style="font-weight:bold; color:#{nuevoCreditoController.colorMensajeCredito};" />  
                
                    <h:panelGrid columns="1" >
                       <h:outputText value="#{msg.nuevoCredito}"  style="color: #999999;font-weight: bold;font-family: Tahoma;font-size: 13px;"  />			
                    </h:panelGrid>                  
                    <br/>
                    
                    <h:panelGrid columns="1" bgcolor="green" >
                       <h:panelGroup>
                           <h:outputText value="#{msg.fecha}" />                       
                          <h:inputText id="fechaActual" value="#{nuevoCreditoController.fechaActual}" readonly="true" size="26"  />                                               
                       </h:panelGroup>
                    </h:panelGrid>                    
                    <br/>
                    
                    <h:outputText id="msjDolar2" value="#{nuevoCreditoController.mensajeDolar}" style="font-weight:bold; color:#{nuevoCreditoController.colorMensajeDolar};" />  
                    
                    <h:panelGrid columns="5" border="1" bgcolor="gray" >
                       <h:outputText value="#{msg.dolarVenta}" />                       
                       <h:inputText id="dolarVenta" value="#{nuevoCreditoController.dolarVenta}" readonly="true" size="5"  />                                               
                       
                       <h:outputText value="#{msg.dolarCompra}" />                       
                       <h:inputText id="dolarCompra" value="#{nuevoCreditoController.dolarCompra}" readonly="true" size="5"  />
                       
                       <!-- Llamamos a la ventana Modal -->
                       <a4j:commandButton value=" #{msg.actualizarCambioDolar} " id="btnLlamarModalCambioDolar" styleClass="spacio" tabindex="1" > 
                          <rich:componentControl id="controlLlamarModalCambioDolar" for="modalPanelCambioDolar" attachTo="btnLlamarModalCambioDolar"
							operation="show" event="onclick"  />
			  <rich:toolTip for="btnLlamarModalCambioDolar" value=" #{msg.actualizarCambioDolar} " />
			 
		       </a4j:commandButton>             
                      
                       
                    </h:panelGrid>
                    <br/>

                    <!-- Describe mensaje si el Cte existe -->
                    <h:outputText id="mensajeExisteCte" value="#{nuevoCreditoController.mensajeExisteCte}" style="font-weight:bold; color:#{nuevoCreditoController.colorMensajeExisteCte};" />                
                                   
                    
                    <h:panelGrid columns="2" border="1" bgcolor="yellow">
                       <f:facet name="header">
                          <h:outputText value="#{msg.buscarCte}"/>
                       </f:facet>  

                       <h:panelGroup>
                          <h:outputText value="#{msg.dni}" />             
                          <!-- envia solo el dni o ruc x ajaxSingle="true" y trae todos los campos de frmNuevoCredito -->
                          <h:inputText id="dni" value="#{nuevoCreditoController.dni}" size="8" maxlength="8" tabindex="2" 
                                          onkeypress="return validarNum(event)" > 
                              
                              <!-- No admite comentarios de script  -->
                              <!-- <a4j:support event="onkeyup" ajaxSingle="true" action="#{nuevoCreditoController.buscaClienteDNI}"
                                         onsubmit="
                                             
                                             var tam =  document.getElementById('frmNuevoCredito:dni').value.length;                                      
                                             
                                             if (event.keyCode != 13 || tam != 8)  //enter + 8 digitos y procesa
                                             if (tam != 8) //8 digitos y procesa
                                             { 
                                                 return false; 
                                             }
                                         
                                          " 
                                          reRender="frmNuevoCredito" 
                             /> -->
                             <!-- en este caso igual funciona con actionListener o action -->
                             <!-- //Limpia x si trajo alguna coincidencia y //No envia (false), si es q no digito 8 numeros -->
                             <a4j:support event="onkeyup" ajaxSingle="true" actionListener="#{nuevoCreditoController.buscaClienteDNI}"
                                         onsubmit="
                                             
                                             var tam =  document.getElementById('frmNuevoCredito:dni').value.length;                                      
                                                                   
                                             if (tam != 8) 
                                             { 
                                                 
                                                 document.getElementById('frmNuevoCredito:nomCliente').value = '';
                                                 document.getElementById('frmNuevoCredito:apePaterno').value = '';
                                                 document.getElementById('frmNuevoCredito:apeMaterno').value = '';
                                                                                        
                                                 return false; 
                                             }                                             
                                         
                                          " 
                                          reRender="frmNuevoCredito" 
                             />
                            
                          </h:inputText>
                          
                       </h:panelGroup>

                       <h:panelGroup>
                          <h:outputText value="#{msg.ruc}" />                      
                          <h:inputText  id="ruc" value="#{nuevoCreditoController.ruc}" size="11" maxlength="11" tabindex="3"
                                        onkeypress="return validarNum(event)" >
                              
                             <a4j:support event="onkeyup" ajaxSingle="true" action="#{nuevoCreditoController.buscaClienteRUC}"
                                         onsubmit="
                                             
                                             var tam =  document.getElementById('frmNuevoCredito:ruc').value.length;                                      
                                                                   
                                             if (tam != 11) 
                                             { 
                                                 document.getElementById('frmNuevoCredito:nomCliente').value = '';
                                                 document.getElementById('frmNuevoCredito:apePaterno').value = '';
                                                 document.getElementById('frmNuevoCredito:apeMaterno').value = '';
                                                                                    
                                                 return false; 
                                             }
                                            
                                         
                                          " 
                                          reRender="frmNuevoCredito" 
                             />
                                                   
                        </h:inputText>                              
                       </h:panelGroup>

                    </h:panelGrid>   

                    <h:panelGrid columns="3" border="1" bgcolor="yellow">
                       <f:facet name="header">
                          <h:outputText value="#{msg.coincidenciasCliente}"/>
                       </f:facet>  

                       <h:panelGroup>
                          <h:outputText value="#{msg.nomCliente}" />
                          <h:inputText id="nomCliente" value="#{nuevoCreditoController.nomCliente}" readonly="true" size="60"   />                                         
                       </h:panelGroup>       

                       <h:panelGroup>
                          <h:outputText value="#{msg.apePaterno}" />
                          <h:inputText  id="apePaterno" value="#{nuevoCreditoController.apePaterno}" readonly="true" size="60"/>                              
                       </h:panelGroup>

                       <h:panelGroup>
                          <h:outputText value="#{msg.apeMaterno}" />
                          <h:inputText  id="apeMaterno" value="#{nuevoCreditoController.apeMaterno}" readonly="true" size="60"  />                                  
                       </h:panelGroup>

                    </h:panelGrid>      
                    
                    <br/>
                    
                    <!-- Dentro de una region, para que solo envie estos datos al hacer actionListener el btnCalcularIntereses 
                        la region es igual que el form 
                         Esto solo funciona para elementos ajax es decir con a4j -->
                    <a4j:region id="r1">
                        <h:panelGrid id="panelGridCredito" columns="3" border="1" bgcolor="gray">

                            <h:panelGroup>
                               <h:outputText value="#{msg.monto}" />                       
                               <h:inputText id="monto" value="#{nuevoCreditoController.montoPrestamo}" size="12"  
                                            onkeypress="return ValidNumYPto(event)" onkeyup="limpiarIntereses()" />  
                            </h:panelGroup>  

                            <h:panelGroup>
                              <h:outputText value="#{msg.moneda}" />  
                              <h:selectOneMenu id="moneda" value="#{nuevoCreditoController.idMoneda}" styleClass="SelectOption2" tabindex="" 
                                               onchange="limpiarIntereses()">                   
                                  <f:selectItems value="#{nuevoCreditoController.listaMonedasSelectItem}" 
                                            var="moneda" itemValue="#{moneda.nIdMonedaPk}" itemLabel="#{moneda.vDescripcionMoneda}"/>
                               </h:selectOneMenu>
                            </h:panelGroup>

                            <!--<h:commandButton id="btnCalcularIntereses" value="#{msg.calcularIntereses}"  
                                          onclick="return validarMonto();" styleClass="spacio" tabindex="37"  >
                                  <a4j:support event="onclick" actionListener="#{nuevoCreditoController.calcularIntereses}" reRender="panelGridCredito" />
                                  <rich:toolTip for="btnCalcularIntereses" value="#{msg.calcularIntereses}" />
                            </h:commandButton>
                            -->
                            <!--   -->
                            <a4j:commandButton id="btnCalcularIntereses" value="#{msg.calcularIntereses}" onclick="if(!validarMonto()){return false;}" 
                                               actionListener="#{nuevoCreditoController.calcularIntereses}" 
                                               reRender="panelGridCredito" />            

                            <h:panelGroup>
                              <h:outputText value="#{msg.interesQuincenal}" />                             
                              <h:inputText id="interesQuincenal" value="#{nuevoCreditoController.interesQuincenal}" size="6"  
                                           onkeypress="return ValidNumYPto(event)" onkeyup="document.getElementById('frmNuevoCredito:cuotaQuincenal').value = '';" /> 
                            </h:panelGroup>

                            <h:panelGroup>
                              <h:outputText value="#{msg.interesMensual}" />                             
                              <h:inputText id="interesMensual" value="#{nuevoCreditoController.interesMensual}" size="6"  
                                           onkeypress="return ValidNumYPto(event)" onkeyup="document.getElementById('frmNuevoCredito:cuotaMensual').value = '';" /> 
                            </h:panelGroup>

                            <!--Este boton llama a una funciona que siempre retorna false para que no se envie el formulario al servidor
                             y solo se haga el javascript(en el cliente)-->
                            <h:commandButton id="btnModificarIntereses" value="#{msg.modificarIntereses}" 
                                               onclick="return actualizarIntereses();" styleClass="spacio" tabindex="37"  >                              
                                    <rich:toolTip for="btnModificarIntereses" value="#{msg.modificarIntereses}" />
                            </h:commandButton>
                                                  

                            <h:panelGroup>
                              <h:outputText value="#{msg.cuotaQuincenal}" />                             
                              <h:inputText id="cuotaQuincenal" value="#{nuevoCreditoController.cuotaQuincenal}" readonly="true" size="10"  /> 
                            </h:panelGroup>

                            <h:panelGroup>
                              <h:outputText value="#{msg.cuotaMensual}" />                             
                              <h:inputText id="cuotaMensual" value="#{nuevoCreditoController.cuotaMensual}" readonly="true" size="10"  /> 
                            </h:panelGroup>

                            <h:panelGroup>
                              <h:outputText value="#{msg.guardianiaOtros}" />                             
                              <h:inputText id="guardianiaOtros" value="#{nuevoCreditoController.guardianiaOtros}" size="7" 
                                           onkeypress="return ValidNumYPto(event)" /> 
                            </h:panelGroup>


                        </h:panelGrid>                    
                    </a4j:region>
                    
                    <br/>
                    
                    <!--
                    <h:panelGrid id="panelGridOtros" columns="3" border="1" bgcolor="gray">
                        <h:panelGroup>                          
                            <h:outputText value="#{msg.notaria}" styleClass="campoObligatorio"/>    
                            
                            <h:selectOneMenu id="notaria" value="#{nuevoCreditoController.idNotaria}" styleClass="SelectOption2" tabindex="25" >                   
                             <f:selectItems value="#{nuevoCreditoController.listaNotariasSelectItem}" 
                                        var="notarias" itemValue="#{notarias.nIdNotariaPk}" itemLabel="#{notarias.vDescripcionNotaria}"/>                            
                            </h:selectOneMenu>                        
                        </h:panelGroup>
                        
                        <h:panelGroup>
                          <h:outputText value="#{msg.tipoDeDocumento}" />                             
                          
                          <h:selectOneMenu id="tipoDeDocumento" value="#{nuevoCreditoController.idTipoDeDocumento}" styleClass="SelectOption2" tabindex="25" >                   
                             <f:selectItems value="#{nuevoCreditoController.listaTiposDeDocumentosSelectItem}" 
                                        var="tipoDeDocumentos" itemValue="#{tipoDeDocumentos.nIdTipodocumentoPk}" itemLabel="#{tipoDeDocumentos.vDescripcionTipodocumento}"/>                            
                            </h:selectOneMenu>                        
                          
                        </h:panelGroup>
                        
                        <h:panelGroup>
                          <h:outputText value="#{msg.numero}" />                             
                          <h:inputText id="numeroDocumento" value="#{nuevoCreditoController.numeroDocumento}" size="15"  />                                               
                        </h:panelGroup>
                        
                    </h:panelGrid>
                    
                    <br/>
                    -->      
                    
                    <h:panelGrid id="panelGridFechaPactada" columns="3" border="1" bgcolor="yellow">
                        <f:facet name="header">
                           <h:outputText value="#{msg.fechaPactadaPagoTotal}"/>
                        </f:facet>
                        
                        <h:panelGroup>                          
                            <h:outputText value="#{msg.pactado}" styleClass="campoObligatorio"/>    
                            <h:inputText id="pactado" value="#{nuevoCreditoController.pactado}" onkeypress="return validarNum(event)" size="1" 
                                        onkeyup="document.getElementById('frmNuevoCredito:fechaPactada').value = '';" />                                               
                            
                        </h:panelGroup>
                                 
                        <h:panelGroup>                          
                            <h:outputText value="#{msg.diasMeses}" styleClass="campoObligatorio"/>                  
                            
                            <!-- como solo se limpia una caja de texto frmNuevoCredito:fechaPactada, no creamos 
                                                     una funcion javascript, sino escribimos la linea aki mismo -->
                            <h:selectOneMenu id="diasMeses" value="#{nuevoCreditoController.diasMeses}" styleClass="SelectOption2" tabindex="10"
                                              onchange="document.getElementById('frmNuevoCredito:fechaPactada').value = '';">                   
                               <f:selectItem itemValue="D" itemLabel="#{msg.dias}"/>
                               <f:selectItem itemValue="M" itemLabel="#{msg.meses}"/>
		            
                             </h:selectOneMenu>
                            
                        </h:panelGroup>
                        
                        
                        <h:panelGroup>
                             <!--Este boton llama a una funciona que siempre retorna false para que no se envie el formulario al servidor
                             y solo se haga el javascript(en el cliente)-->
                            <h:commandButton id="btnCalcularFechaPactada" value="#{msg.calcularFechaPago}" 
                                             onclick="return calcularFechaPactada();" styleClass="spacio" tabindex="37"  >                              
                                  <rich:toolTip for="btnCalcularFechaPacatada" value="#{msg.calcularFechaPago}" />
                            </h:commandButton>
                        </h:panelGroup>
                        
                        
                        <h:panelGroup>
                          <h:outputText value="#{msg.fechaPactada}" />                             
                          <h:inputText id="fechaPactada" value="#{nuevoCreditoController.fechaPactada}" size="55"  />                                               
                        </h:panelGroup>
                        
                    </h:panelGrid>
                        
                    <br/>
                    
                    <!--<h:panelGrid id="panelGridCocheraOtros" columns="1" border="1" bgcolor="gray">
                        <f:facet name="header">
                           <h:outputText value="#{msg.guardianiaOtros}"/>
                        </f:facet>
                        
                        <h:panelGroup>                                        <h:inputTextarea id="observacionesCreditos" value="#{nuevoCreditoController.observacionesCreditos}" tabindex="38" 
                
                          <h:inputText id="guardianiaOtros" value="#{nuevoCreditoController.guardianiaOtros}" onkeypress="return validarNum(event)" size="7" />  
                        </h:panelGroup>
                    </h:panelGrid>-->
                    
                    <h:panelGrid id="panelGridDetalleCreditos" columns="1" border="3" bgcolor="lime" >
                        <f:facet name="header" class="">
                           <h:outputText value="#{msg.TipoDeGarantia}"/>
                        </f:facet>
                        
                        <!-- Llamamos a la ventana Modal para Creditos de Vehiculos -->
                       <a4j:commandButton value=" #{msg.agregarVehiculo} " id="btnAgregarVehiculo" styleClass="spacio" tabindex="1"  > 
                          <rich:componentControl id="controlAgregarVehiculo" for="modalPanelAgregarVehiculo" attachTo="btnAgregarVehiculo"
							operation="show" event="onclick"  />
			  <rich:toolTip for="btnAgregarVehiculo" value=" #{msg.agregarVehiculo} " />
			 
		       </a4j:commandButton> 
                        
                       <!-- Llamamos a la ventana Modal para Creditos de Tecnologia-->
                        <a4j:commandButton value=" #{msg.agregarTecnologia} " id="btnAgregarTecnologia" styleClass="spacio" tabindex="1" > 
                          <rich:componentControl id="controlAgregarTecnologia" for="modalPanelAgregarTecnologia" attachTo="btnAgregarTecnologia"
							operation="show" event="onclick"  />
			  <rich:toolTip for="btnAgregarTecnologia" value=" #{msg.agregarTecnologia} " />
			 
		       </a4j:commandButton>
                       
                       <!-- Llamamos a la ventana Modal para Creditos de Inmuebles -->
                        <a4j:commandButton value=" #{msg.agregarInmueble} " id="btnAgregarInmueble" styleClass="spacio" tabindex="1" > 
                          <rich:componentControl id="controlAgregarInmueble" for="modalPanelAgregarInmueble" attachTo="btnAgregarInmueble"
							operation="show" event="onclick"  />
			  <rich:toolTip for="btnAgregarInmueble" value=" #{msg.agregarInmueble} " />
			 
		       </a4j:commandButton>
                      
                    </h:panelGrid>
                    
                    <br/>
                    
                    <h:panelGrid id="panelGridObservaciones" columns="1" border="1" bgcolor="yellow">
                        <f:facet name="header">
                           <h:outputText value="#{msg.observaciones}"/>
                        </f:facet>
                        
                        <h:panelGroup>
                           <h:inputTextarea id="observacionesCreditos" value="#{nuevoCreditoController.observacionesCreditos}" tabindex="38" 
                                          cols="100" rows="5" onkeypress="return checkMaxLength(this.value.length, 450)" />                          
                        </h:panelGroup>
                    </h:panelGrid>
                    
                    <h:panelGrid columns="2">                    

                         <h:commandButton id="btnGrabar" value="#{msg.grabar}" actionListener="#{nuevoCreditoController.grabaOActualizaCreditoVehicular}" 
                                          onclick="return validarCampos_Creditos();" styleClass="spacio" tabindex="37"  >
                              <a4j:support event="onclick" reRender="frmNuevoCredito" />
                              <rich:toolTip for="btnGrabar" value="#{msg.grabar}" />
                         </h:commandButton>

                         <a4j:commandButton value=" #{msg.limpiar} "  id="btnLimpiar" 
                                            actionListener="#{nuevoCreditoController.clean}" reRender="frmNuevoCredito" styleClass="spacio" tabindex="38" > 
                             <rich:toolTip for="btnLimpiar" value="#{msg.limpiar}" />
                         </a4j:commandButton>         
                                                
                                             
		    </h:panelGrid>   
                    
                    
                </rich:panel>               
                
               
            </a4j:form>	        
        </f:view>
    </ui:define>   

</ui:composition> 

</html>
 